<template>
  <div class="timeline-page">
    <nav-unit />
    <div class="content">
      <selfIntroduction />
      <div class="timeline">
        <h2>年鉴</h2>
        <p>存在的证明</p>
        <el-divider />
        <timeline-unit />
      </div>
    </div>
  </div>
</template>

<script>
import NavUnit from '@/components/Navigation/NavUnit.vue'
import SelfIntroduction from '@/components/Author/SelfIntroduction.vue'
import TimelineUnit from '@/components/Timeline/TimelineUnit.vue'

export default {
  name: 'timelinePage',
  components: { 
    NavUnit,
    SelfIntroduction,
    TimelineUnit
  }
}
</script>

<style scoped>
  .content {
    display: flex;
  }
  .timeline {
    width: 600px;
    margin: 0 50px;
  }
  h2 {
    text-align: center;
  }
  p {
    text-align: center;
    font-size: 12px;
    margin-bottom: 20px;
  }
</style>